<template>
  <div class="Datetime">
  	<img src="/static/img/btn_back.png" alt="btn" class="btn" @click="onNavToBack">
	<img src="/static/img/p1_img.png" alt="img" class="img">
  </div>
</template>

<script>
export default {
  name: 'Datetime',
  methods: {
  	onNavToBack() {
  		this.$router.go(-1);
  	}
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
@import "../../assets/scss/common.scss";
.Datetime {
	@include bg('/static/img/bg.png');
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	display: flex;
	flex-direction: column;
	&::-webkit-scrollbar {
	    display: none;
	}
	.btn {
		margin: 10px;
		width: 20%;
	}
	.img {
		width: 100%;
	}
}
</style>
